<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<title>v-我的购物车</title>
<link href="../css/global.css" rel="stylesheet" type="text/css">
<link href="../css/v.css" rel="stylesheet" type="text/css">
<link href="../css/v-shop-process.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="site-nav min-w">
	<div class="wrap clearfix">
		<div class="sn-info fr">
			<a href="javascript:void(0);" target="_blank">注册<span class="sn-line1">/</span>登录</a>
			<span class="sn-line">|</span>
			<a href="javascript:void(0);" target="_blank">我的订单</a>
			<a href="javascript:void(0);" target="_blank">我的收藏</a>
			<a href="javascript:void(0);" target="_blank">线下门店</a>
			<a href="javascript:void(0);" target="_blank">站内公告</a>
			<a href="javascript:void(0);" target="_blank">商家后台</a>
		</div>
	</div>
</div>
<div class="header header2 min-w">
	<div class="wrap clearfix">
		<h1 class="logo"><img src="../images/logo.png">v+</h1>
		<div class="search-warp search-r fr">
			<div class="search-form">
				<input type="text" class="search-text">
				<button class="v-btn search-button">搜索</button>
			</div>
		</div>
	</div>
</div>
<div class="content min-w">
	<div class="shopping-process wrap">
		<div class="my-shopping fl"><em class="v-icon my-cart-icon"></em>我的购物车</div>
			<ul class="shopping-process-con fr">
				<li class="shopping-first cur">
					<em class="v-icon shopping-circle"></em>
					<span>查看购物车</span>
				</li>
				<li class="shopping-order">
					<em class="v-icon shopping-circle"></em>
					<span>填写订单</span>
				</li>
				<li class="shopping-last">
					<em class="v-icon shopping-circle"></em>
					<span>付款，完成购买</span>
				</li>
			</ul>
		</div>
	<div class="cart-wrap wrap">
		<ul class="item-con cart-info clearfix">
			<li class="cart-td td-chk allchoice">
				<span class="check-con">
					<input type="checkbox"/>
					<em class="v-icon check-default"></em>
					<label class="">全选</label>
				</span>
			</li>
			<li class="cart-td td-info">商品</li>
			<li class="cart-td td-unit-price">单价</li>
			<li class="cart-td td-amount">数量</li>
			<li class="cart-td td-price-now">实付款</li>
			<li class="cart-td td-operate">操作</li>
		</ul>
		<div class="cart-list">
        	<div class="cart-con1">
            	<div class="cart-shop">
                	<span class="check-con shop-choice">
						<em class="v-icon check-default shop-ul"></em>
					</span>
                    <span class="cart-span1">店铺：<span class="shop-name">虎都男装旗舰店</span></span>
                </div>
				<ul class="item-con cart-item clearfix">
				<li class="cart-td td-chk">
					<span class="check-con">
						<input type="checkbox"/>
						<em class="v-icon check-default shop-list"></em>
					</span>
				</li>
				<li class="cart-td td-info clearfix">
					<a href="javascript:void(0);" class="cart-img-a"><img src="#"></a>
					<div class="cart-txt">
						<div class="cart-txt-info">
                        	<a href="javascript:void(0);">
                                <h2 class="cart-brand">品牌名称</h2>
                                <h3 class="cart-name">虎都秋冬新品男装男上装翻领外套</h3>
                            </a>
							<p class="cart-color">颜色：藏青</p>
							<p class="cart-size">尺码：M</p>
							<em class="v-icon edit-icon"></em>
						</div>
						<div class="cart-txt-edit">
							<em class="v-icon cart-arr"></em>
							<dl class="detail-img-s clearfix">
			                	<dt class="detail-label fl">颜色：</dt>
			                    <dd class="detail-sale fr">
			                    	<ul>
			                            <li class="selected">
			                            	<div class="detail-sort">
			                                    <img src="#">
			                                    <span class="detail-sort1">红色</span>
			                                    <i class="v-icon selected-i">已选中</i>
			                                </div>
			                            </li>
			                            <li>
			                            	<div class="detail-sort">
			                                    <img src="#">
			                                    <span class="detail-sort1">红色</span>
			                                    <i class="v-icon selected-i">已选中</i>
			                                </div>
			                            </li>
			                            <li>
			                            	<div class="detail-sort">
			                                    <img src="#">
			                                    <span class="detail-sort1">红色</span>
			                                    <i class="v-icon selected-i">已选中</i>
			                                </div>
			                            </li>
			                            <li>
			                            	<div class="detail-sort">
			                                    <img src="#">
			                                    <span class="detail-sort1">红色</span>
			                                    <i class="v-icon v-icon selected-i">已选中</i>
			                                </div>
			                            </li>
			                            <li>
			                            	<div class="detail-sort">
			                                    <img src="#">
			                                    <span class="detail-sort1">红色</span>
			                                    <i class="v-icon selected-i">已选中</i>
			                                </div>
			                            </li>
			                        </ul>
			                    </dd>
			                </dl>
			                <dl class="detail-common clearfix">
			                	<dt class="detail-label fl">尺寸</dt>
			                    <dd class="detail-sale fr">
			                    	<ul>
			                            <li class="selected">
			                            	<div class="detail-sort">
			                                	<span class="detail-sort2">32</span>
			                                    <i class="v-icon selected-i">已选中</i>
			                                </div>
			                            </li>
			                            <li>
			                            	<div class="detail-sort">
			                                	<span class="detail-sort2">32</span>
			                                    <i class="v-icon selected-i">已选中</i>
			                                </div>
			                            </li>
			                            <li>
			                            	<div class="detail-sort">
			                                	<span class="detail-sort2">32</span>
			                                    <i class="v-icon selected-i">已选中</i>
			                                </div>
			                            </li>
			                        </ul>
			                    </dd>
			                </dl>
			                <p class="cart-btn-con">
			                	<button class="v-btn cart-certain">确定</button>
			                	<button class="v-btn cart-cancel">取消</button>
			                </p>
						</div>
					</div>
				</li>
				<li class="cart-td td-unit-price">
					<span>¥</span><span class="price-num">1699</span><span>.00</span>
				</li>
				<li class="cart-td td-amount">
                	<div class="cart-at cart-error">
                        <span class="amount-minus disabled"> - </span>
                        <input type="text" class="amount-input" value="1">
                        <span class="amount-add"> + </span>
                    	<div class="cart-limit">限购55件</div>
                    </div>
				</li>
				<li class="cart-td td-price-now">
					<span>¥</span><span class="price-num">1699</span><span>.00</span>
				</li>
				<li class="cart-td td-operate">
					<span>删除</span>
				</li>
			</ul>
            </div>
            <div class="cart-con1">
            	<div class="cart-shop">
                	<span class="check-con shop-choice">
						<em class="v-icon check-default shop-ul"></em>
					</span>
                    <span class="cart-span1">店铺：<span class="shop-name">虎都男装旗舰店</span></span>
                </div>
				<ul class="item-con cart-item clearfix">
                    <li class="cart-td td-chk">
                        <span class="check-con">
                            <input type="checkbox"/>
                            <em class="v-icon check-default shop-list"></em>
                        </span>
                    </li>
                    <li class="cart-td td-info clearfix">
                        <a href="javascript:void(0);" class="cart-img-a"><img src="#"></a>
                        <div class="cart-txt">
                            <div class="cart-txt-info">
                                <a href="javascript:void(0);">
                                    <h2 class="cart-brand">品牌名称</h2>
                                    <h3 class="cart-name">虎都秋冬新品男装男上装翻领外套</h3>
                                </a>
                                <p class="cart-color">颜色：藏青</p>
                                <p class="cart-size">尺码：M</p>
                                <em class="v-icon edit-icon"></em>
                            </div>
                            <div class="cart-txt-edit">
                                <em class="v-icon cart-arr"></em>
                                <dl class="detail-img-s clearfix">
                                    <dt class="detail-label fl">颜色：</dt>
                                    <dd class="detail-sale fr">
                                        <ul>
                                            <li class="selected">
                                                <div class="detail-sort">
                                                    <img src="#">
                                                    <span class="detail-sort1">红色</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <img src="#">
                                                    <span class="detail-sort1">红色</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <img src="#">
                                                    <span class="detail-sort1">红色</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <img src="#">
                                                    <span class="detail-sort1">红色</span>
                                                    <i class="v-icon v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <img src="#">
                                                    <span class="detail-sort1">红色</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                        </ul>
                                    </dd>
                                </dl>
                                <dl class="detail-common clearfix">
                                    <dt class="detail-label fl">尺寸</dt>
                                    <dd class="detail-sale fr">
                                        <ul>
                                            <li class="selected">
                                                <div class="detail-sort">
                                                    <span class="detail-sort2">32</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <span class="detail-sort2">32</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <span class="detail-sort2">32</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                        </ul>
                                    </dd>
                                </dl>
                                <p class="cart-btn-con">
                                    <button class="v-btn cart-certain">确定</button>
                                    <button class="v-btn cart-cancel">取消</button>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="cart-td td-unit-price">
                        <span>¥</span><span class="price-num">1699</span><span>.00</span>
                    </li>
                    <li class="cart-td td-amount">
                        <span class="amount-minus disabled"> - </span>
                        <input type="text" class="amount-input" value="1">
                        <span class="amount-add"> + </span>
                    </li>
                    <li class="cart-td td-price-now">
                        <span>¥</span><span class="price-num">1699</span><span>.00</span>
                    </li>
                    <li class="cart-td td-operate">
                        <span>删除</span>
                    </li>
                </ul>
            	<ul class="item-con cart-item clearfix">
                    <li class="cart-td td-chk">
                        <span class="check-con">
                            <input type="checkbox"/>
                            <em class="v-icon check-default shop-list"></em>
                        </span>
                    </li>
                    <li class="cart-td td-info clearfix">
                        <a href="javascript:void(0);" class="cart-img-a"><img src="#"></a>
                        <div class="cart-txt">
                            <div class="cart-txt-info">
                                <a href="javascript:void(0);">
                                    <h2 class="cart-brand">品牌名称</h2>
                                    <h3 class="cart-name">虎都秋冬新品男装男上装翻领外套</h3>
                                </a>
                                <p class="cart-color">颜色：藏青</p>
                                <p class="cart-size">尺码：M</p>
                                <em class="v-icon edit-icon"></em>
                            </div>
                            <div class="cart-txt-edit">
                                <em class="v-icon cart-arr"></em>
                                <dl class="detail-img-s clearfix">
                                    <dt class="detail-label fl">颜色：</dt>
                                    <dd class="detail-sale fr">
                                        <ul>
                                            <li class="selected">
                                                <div class="detail-sort">
                                                    <img src="#">
                                                    <span class="detail-sort1">红色</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <img src="#">
                                                    <span class="detail-sort1">红色</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <img src="#">
                                                    <span class="detail-sort1">红色</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <img src="#">
                                                    <span class="detail-sort1">红色</span>
                                                    <i class="v-icon v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <img src="#">
                                                    <span class="detail-sort1">红色</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                        </ul>
                                    </dd>
                                </dl>
                                <dl class="detail-common clearfix">
                                    <dt class="detail-label fl">尺寸</dt>
                                    <dd class="detail-sale fr">
                                        <ul>
                                            <li class="selected">
                                                <div class="detail-sort">
                                                    <span class="detail-sort2">32</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <span class="detail-sort2">32</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="detail-sort">
                                                    <span class="detail-sort2">32</span>
                                                    <i class="v-icon selected-i">已选中</i>
                                                </div>
                                            </li>
                                        </ul>
                                    </dd>
                                </dl>
                                <p class="cart-btn-con">
                                    <button class="v-btn cart-certain">确定</button>
                                    <button class="v-btn cart-cancel">取消</button>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="cart-td td-unit-price">
                        <span>¥</span><span class="price-num">1699</span><span>.00</span>
                    </li>
                    <li class="cart-td td-amount">
                        <span class="amount-minus disabled"> - </span>
                        <input type="text" class="amount-input" value="1">
                        <span class="amount-add"> + </span>
                    </li>
                    <li class="cart-td td-price-now">
                        <span>¥</span><span class="price-num">1699</span><span>.00</span>
                    </li>
                    <li class="cart-td td-operate">
                        <span>删除</span>
                    </li>
                </ul>
            </div>
		</div>
		<div class="cart-account clearfix">
			<div class="cart-td td-chk allchoice">
				<span class="check-con">
					<input type="checkbox"/>
					<em class="v-icon check-default"></em>
					<label class="">全选</label>
				</span>
			</div>
			<span class="cart-delete">删除</span>
			<div class="cart-buy fr">
				<span class="cart-selected">已选商品 <em>0</em> 件,</span>
				<span>￥</span><span class="cart-price">0</span><span>.00</span>
				<button class="v-btn cart-buy-btn">结算</button>
			</div>
		</div>
	</div>
</div>
<div class="float-pop pop-cart-tips">
	<div class="div-pop"></div>
    <div class="pop-wrap">
    	<div class="pop-tit clearfix">
            <h3>提示</h3>
            <span class="v-icon close-icon fr">关闭</span>
        </div>
        <div class="pop-con">
           <em class="v-icon  warn-icon"></em>
           <p class="warn-p">请至少选中一件商品！</p>
        </div>
    </div>
</div>
<!-- jQuery -->
<script src="../js/jquery-2.1.3.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/v-my-cart.js"></script>
</body>
</html>